<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>专业展示</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap-submenu.css">
</head>
<body>
    <!-- 前端导航栏 -->
    <div class="container" id="frontTop"></div>

    <div class="container">
        <nav class="breadcrumb">
            <a class="breadcrumb-item" href="/index/home">首页</a>
            <span class="breadcrumb-item active">专业展示</span>
        </nav>
        <form class="form-inline">
            <div class="form-group">
<!--                <label for="username" class="">搜索专业:&nbsp&nbsp</label>-->
                <label class="">搜索专业:&nbsp&nbsp</label>
                <div>
                    <input type="text" href="majorDetail" class="form-control" id="majorname" placeholder="请输入专业名称"  name="majorname">
                </div>
            </div>
            <div class="form-button">
                <div>
                    <!-- <div onclick="searchMajor()"> -->
                    &nbsp&nbsp
                    <button type="submit" id="searchMajor" class="btn btn-primary"><a href="majorDetail" style="color:white">搜索</a></button>
                    <!-- <input type="submit" id="searchMajor" class="btn btn-primary" width="100" value="搜索" name="submit" -->
                </div>
            </div>
        </form>
    </div>
    <div class="container">
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">本科专业</a>
                <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">专科专业</a>
            </div>
        </nav>

        <div class="tab-content" id="nav-tabContent">
            <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                <nav id="navbar-example2" class="navbar navbar-light bg-light">
                    <ul class="nav nav-pills">
                        <li class="nav-item">
                            <a class="nav-link" href="#zhexue">哲学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#jingjixue">经济学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#faxue">法学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#jiaoyuxue">教育学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#wenxue">文学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#lishixue">历史学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#lixue">理学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#gongxue">工学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#nongxue">农学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#yixue">医学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#guanlixue">管理学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#yishuxue">艺术学</a>
                        </li>
                    </ul>
                </nav>
                <!-- 专业列表页 -->
<!--                <div class="container">-->
<!--                    <ul class="list-inline row">-->
<!--                        <c:forEach items="${listAllMajors}" var ="pro_table">-->
<!--                            <li class="col-sm-2">-->
<!--                                <a class="btn btn-link" href="${pro_table.proId}">${pro_table.proName}</a>-->
<!--                            </li>-->
<!--                        </c:forEach>-->
<!--                    </ul>-->
<!--                </div>-->
                <div class="list-group" data-spy="scroll" data-target="#navbar-example2" data-offset="0">
                    <div id="zhexue" class="list-group-item">
                        <h4>哲学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="col-sm-2">
                                <a class="btn btn-link" href="majorDetail">哲学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">逻辑学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">宗教学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">伦理学</a>
                            </li>
                        </ul>
                    </div>
                    <div id="jingjixue" class="list-group-item">
                        <h4>经济学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">经济学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">经济统计学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">商务经济学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">劳动经济学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">数字经济</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">财政学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">税收学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">金融学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">金融工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">保险学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">互联网金融</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">国际经济与贸易</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">贸易经济</a>
                            </li>
                        </ul>
                    </div>
                    <div id="faxue" class="list-group-item">
                        <h4>法学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">法学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">知识产权</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">司法警察学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">国际经贸规则</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">政治学和行政学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">国际政治</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">外交学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">政治学、经济学与哲学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">国际事务与国际关系</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">社会学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">人类学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">家政学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">民族学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">科学社会主义</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">中国共产党史</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">思想政治教育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">马克思主义理论</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">治安学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">侦查学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">犯罪学</a>
                            </li>
                        </ul>
                    </div>
                    <div id="jiaoyuxue" class="list-group-item">
                        <h4>教育学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">教育学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">科学教育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">人文教育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">教育科技学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">学前教育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">小学教育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">特殊教育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">认知科学与技术</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">体育教育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">社会体育指导与管理</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">武术与民族传统体育</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">运动人体科学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">智能体育工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">电子竞技运动与管理</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">体育旅游</a>
                            </li>
                        </ul>
                    </div>
                    <div id="wenxue" class="list-group-item">
                        <h4>文学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">汉语言文学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">汉语言</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">古典文献学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">应用语言学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">中国语言与文化</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">英语</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">俄语</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">日语</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">法语</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">德语</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">新闻学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">广播电视学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">广告学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">传播学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">网络与新媒体</a>
                            </li>
                        </ul>
                    </div>
                    <div id="lishixue" class="list-group-item">
                        <h4>历史学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">历史学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">世界史</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">考古学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">文化遗产</a>
                            </li>
                        </ul>
                    </div>
                    <div id="lixue" class="list-group-item">
                        <h4>理学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">数学与应用数学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">信息与计算科学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">数理基础科学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">物理学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">应用物理学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">核物理</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">化学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">应用化学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">分子科学与工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">天文学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">地理科学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">地理信息科学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">空间科学与技术</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">地质学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">古生物学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">生物科学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">心理学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">统计学</a>
                            </li>
                        </ul>
                    </div>
                    <div id="gongxue" class="list-group-item">
                        <h4>工学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">理论与应用力学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械设计制造及自动化</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">智能车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">测控技术与仪器</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">材料科学与工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">能源与动力工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">电子信息工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">数学与应用数学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">通信工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">自动化</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="majorDetail" class="btn btn-link">计算机科学与技术</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">软件工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">网络工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">土木工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">轻化工程</a>
                            </li>
                        </ul>
                    </div>
                    <div id="nongxue" class="list-group-item">
                        <h4>农学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">理论与应用力学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械设计制造及自动化</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">智能车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">测控技术与仪器</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">材料科学与工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">能源与动力工程</a>
                            </li>
                        </ul>
                    </div>
                    <div id="yixue" class="list-group-item">
                        <h4>医学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">理论与应用力学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械设计制造及自动化</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">智能车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">测控技术与仪器</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">材料科学与工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">能源与动力工程</a>
                            </li>
                        </ul>
                    </div>
                    <div id="guanlixue" class="list-group-item">
                        <h4>管理学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">理论与应用力学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械设计制造及自动化</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">智能车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">测控技术与仪器</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">材料科学与工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">能源与动力工程</a>
                            </li>
                        </ul>
                    </div>
                    <div id="yishuxue" class="list-group-item">
                        <h4>艺术学</h4>
                        <ul id="myTab" class="list-inline row">
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">理论与应用力学</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">机械设计制造及自动化</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">智能车辆工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">测控技术与仪器</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">材料科学与工程</a>
                            </li>
                            <li class="active col-sm-2">
                                <a href="#" class="btn btn-link" data-toggle="tab">能源与动力工程</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                <nav id="navbar-example2" class="navbar navbar-light bg-light">
                    <ul class="nav nav-pills">
                        <li class="nav-item">
                            <a class="nav-link" href="#tujian">土建</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#shuili">水利</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#shenghua">生化</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#caijing">财经</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#lvyou">旅游</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#qingfang">轻纺</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#nonglinmuyu">农林牧渔</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#zhuangbeizhizao">装备制造</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#jiaotongyunshu">交通运输</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#dianzixinxi">电子信息</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#yiyaoweisheng">医药卫生</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#wenhuayishu">文化艺术</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#xinwenlianbo">新闻联播</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#gongansifa">公安司法</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#ziyuanyuanquan">资源与安全</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#jiaoyutiyu">教育与体育</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#nongyuandongliyucailiao">能源动力与材料</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#shipinyaopinyuliangshi">食品药品与粮食</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#gonggongguanliyufuwu">公共管理与服务</a>
                        </li>
                    </ul>
                </nav>
                <div data-spy="scroll" data-target="#navbar-example2" data-offset="0">
                    <div class="list-group" data-spy="scroll" data-target="#navbar-example2" data-offset="0">
                        <div id="tujian" class="list-group-item">
                            <h4>土建</h4>
                            <ul id="myTab" class="list-inline row">
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">建筑设计</a>
                                </li>
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">城乡规划</a>
                                </li>
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">房地产经营与管理</a>
                                </li>
                            </ul>
                        </div>
                        <div id="shuili" class="list-group-item">
                            <h4>水利</h4>
                            <ul id="myTab" class="list-inline row">
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">水利工程</a>
                                </li>
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">水文与水资源工程</a>
                                </li>
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">水土保持技术</a>
                                </li>
                            </ul>
                        </div>
                        <div id="shenghua" class="list-group-item">
                            <h4>生化</h4>
                            <ul id="myTab" class="list-inline row">
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">食品生物技术</a>
                                </li>
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">高分子材料加工技术</a>
                                </li>
                                <li class="active col-sm-2">
                                    <a href="majorDetail" class="btn btn-link" data-toggle="tab">现代纺织技术</a>
                                </li>
                            </ul>
                        </div>
                    </div>


                </div>

            </div>
        </div>

    </div>
    <div class="container" id="frontBottom"></div>
<!-- jq引用 -->
<script src="/js/jquery-3.3.0.js"></script>
<script src="/layui/layui.js"></script>
<!--bootstrap引用 -->
<script src="/bootstrap/bootstrap.min.js"></script>
<script src="/js/publicSection.js"></script>
<script>
    $("#frontTop").load("frontTop");
    $("#frontBottom").load("frontBottom");
</script>



</body>

</html>